<template>
  <div class="body">
    <div class="top">
      <img src="../../assets/dimg/d_about_img_logo.png" alt="" />
    </div>

    <p v-html="msgText"></p>
  </div>
</template>

<script>
import { axiosPost } from '../../axios';

export default {
  name: '',
  data() {
    return {
      msgText: '',
    };
  },
  mounted() {
    this.getMsg();
  },
  methods: {
    getMsg() {
      axiosPost('About/aboutus', {}, (res) => {
        this.msgText = res.data[0];
      });
    },
  },
};
</script>

<style scoped lang="less">
@import '../../style/default';

.top {
  height: 4.1rem;
  background: @color4;

  img {
    width: 3.96rem;
    height: 2.64rem;
    margin: 0.92rem 0 0 2.1rem;
  }
}

p {
  margin-top: 0.3rem;
  color: @color2;
  font-size: @font28;
  padding: 0.4rem;
  line-height: 0.48rem;
  background: #fff;
  text-indent: 2em;
  span {
    width: 2em;
    display: inline-block;
  }
}
</style>
